<!DOCTYPE html>
<html>
<head>
<title>::: 골프인 :::</title>
<meta charset="utf-8" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!--[if IE 6]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<script type="text/javascript" src="../js/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">DD_belatedPNG.fix('.png_bg, .footer, footer, img');</script>
<![endif]-->
<!-- 여기 위치에 두 스크립트 추가 부탁드립니다. -->
<script type="text/javascript" src="/js/preload.js"></script>
<script type="text/javascript" src="js/join_room_view01.js"></script>
</head>

<body id="wrap">
<header>
	<div id="top_cont">
		<div class="top_tit">
				<h4><img src="../images/title/title_02_01.png" alt="조인룸" /></h4>
				<p class="top_txt">즐거운 라운딩 참여자 모집을 위한 조인룸 입니다. </p>
			</div>
	</div><!--//  id="top_cont" 끝-->	
</header>

<div id="container">
	<!--좌측 컨텐츠-->
	<div id="left_area"></div>
	<!--메인 컨텐츠-->
	<section id="main_content" class="joinroom">
		<div class="joinroom_info">
			<h5 class="group"><img src="../images/title/title_02_01_2.gif" alt="조인룸정보" /><p class="btn_depth"><a href="../booking/join_room_creat.html"><img src="../images/btn/btn_join_room.gif" alt="조인룸만들기" /></a></p></h5>
			

			<!-- 프로필 -->
			<article class="joinroom_profile group">
				<p class="photo"><img src="../images/board/default_50_50.gif" alt="프로필사진" /></p>
				<dl>
					<dt>잭니클라우스 <img src="../images/btn/btn_open.png" alt="개설자"></dt>
					<dd>
						<ul>
							<li><span  class="sex_m">남자</span> / </li>
							<li><span  class="age">30대</span> / </li>
							<li>경기 </li>
						</ul>
						<ul class="handy">
							<li>평균타수 <span>150</span></li>
							<li class="bg_none">핸디 <span>109</span> </li>
						</ul>
						<a href="#"><img src="../images/btn/ico_phone.png" alt="휴대폰" /></a>
						<a href="#"><img src="../images/btn/ico_facebook.png" alt="페이스북" /></a>
						<a href="#"><img src="../images/btn/ico_memo.png" alt="쪽지" /></a>
					</dd>
				</dl>
			</article>

			<!--정보 영역-->
			<article class="joinroom_cont">
				<table>
					<colgroup>
						<col width="30%" /><col width="15%" /><col width="20%" /><col width="15%" /><col width="20%" />
					</colgroup>
					<tbody>
						<!--라운드정보-->
						<tr>
							<th><img src="../images/board/joinroom_info_tit01.png" alt="라운드정보" /></th>
							<td colspan="4">
								<div class="room_info">
									<div class="time">2012.03.31(토) <span>09:30</span></div>
									<div class="id">Sky72</div>
									<div class="join_cor">오션코스   18H</div>
									<div class="secret">비밀방</div>
								</div><!--//   class="room_part" 끝-->
							</td>
						</tr>

						<!--신청자-->
						<tr>
							<th><img src="../images/board/joinroom_info_tit02.png" alt="신청자" /></th>
							<td class="app" colspan="2">
								<span>10</span>
								<a href="#"><img src="../images/btn/btn_app_cancel.png" alt="신청취소" /></a>
								<a href="#"><img src="../images/btn/btn_join_cancel02.png" alt="참여취소" /></a>
								<a href="#"><img src="../images/btn/btn_join02.png" alt="참여신청" /></a>
							</td>
							<th class="bd_l"><img src="../images/board/joinroom_info_tit03.png" alt="참여자" /></th>
							<td>
								<ol class="person">
									<li class="on">1</li>
									<li class="on">2</li>
									<li class="on">3</li>
									<li class="off">4</li>
								</ol>
							</td>
						</tr>

						<!--참여 조건-->
						<tr>
							<th rowspan="2"><img src="../images/board/joinroom_info_tit04.png" alt="참여 조건" /></th>
							<td class="th_y">성별</td>
							<td>여</td>
							<td class="th_y">연령대</td>
							<td>20대</td>
						</tr>
						<tr>
							<td class="th_y">평균타수</td>
							<td>80타 이하</td>
							<td class="th_y">흡연</td>
							<td>비흡연자</td>
						</tr>

						<!-- 나의 참여상태 -->
						<tr class="joinroom_state">
							<th><img src="../images/board/joinroom_info_tit06.png" alt="나의 참여상태" /></th>
							<td colspan="2" class="my_state"><span>미신청</span>  →  신청완료  →  참여완료</td>
							<th><img src="../images/board/joinroom_info_tit07.png" alt="진행/마감" /></th>
							<td><img src="../images/btn/btn_end.png" alt="조인마감" /><img src="../images/btn/btn_finish.png" alt="조인완료" /><img src="../images/btn/btn_ing.png" alt="진행중" /></td>
						</tr>

						<!-- 상세내용 -->
						<tr>
							<th><img src="../images/board/joinroom_info_tit13.png" alt="내용" /></th>
							<td colspan="4" class="txt_con"><div>입력한 상세내용이 보여집니다. <br>30대 여자분 모십니다.~ 즐거운 라운딩 함께해요^^</div></td>
						</tr>
					</tbody>
				</table>
			</article><!--//   class="joinroom_cont " 끝-->


			<!-- 댓글 -->
			<article class="joinroom_reply">
				<!--댓글이 있을때 보여주는 영역 -->
				<div class="reply_area">
					<p class="white_line"></p>
					<p class="reply_num">댓글<span>(2)</span></p>
					<!--list-->
					<dl class="first">
						<dt><img src="../images/board/default_50_50.gif" alt="" width="50" height="50" /></dt>
						<dd>
							<p class="nickname"><a nohref="#">잭니클라우스우스</a></p>
							<p class="reply_date">2012.03.31 <span>17:05</span></p> 
							<div>남녀 2쌍 커플로 갈만한 골프장 어디가 좋을까요? 남녀 2쌍 커플로 갈만한 골프장 어디가 좋을까요 ? 평일에 가보려고 하는데 ... 모두 골프는 중급정도 되고요 ... </div>
							<p class="reply_del"><a href="#"><img src="../images/btn/btn_x02.gif" alt="삭제"  /></a></p> 
						</dd>
					</dl>

					<dl>
						<dt><img src="../images/board/default_50_50.gif" alt="" width="50" height="50" /></dt>
						<dd>
							<p class="nickname"><a nohref="#">잭니클라우스우스</a></p>	
							<p class="reply_date">2012.03.31 <span>17:05</span></p> 
							<div>남녀 2쌍 커플로 갈만한 골프장 어디가 좋을까요? 남녀 2쌍 커플로 갈만한 골프장 어디가 좋을까요 ? 평일에 가보려고 하는데 ... 모두 골프는 중급정도 되고요 ... </div>
							<p class="reply_del"><a href="#"><img src="../images/btn/btn_x02.gif" alt="삭제"  /></a></p> 
						</dd>
					</dl>

					<!--댓글등록-->
					<div class="reply_regist">
						<textarea name="textarea" id="textarea"></textarea>
						<span><a href="#"><img src="../images/btn/btn_reply_regist.gif" alt="댓글등록"  /></a></span>
						<p class="point_g">* 댓글은 한글 100자 이내로 입력하여 주세요.</p>
					</div>
				</div><!--//  class="reply_area"  끝-->
			</article><!--//   class="joinroom_reply" 끝-->	

			<!--btn-->
			<article class="btn_area_box">
				<a href="#" class="left_btn"><img src="../images/btn/btn_list02.gif" alt="목록"  /></a>
			</article>

		</div><!--//   class="joinroom_info" 끝-->	

	</section><!--//   id="main_content" 끝-->	
</div><!--//   id="container" 끝-->	

<footer></footer>
</body>
</html>
